<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2022/6/7
  Time: 18:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
<div class="head">
    <span>图书管理系统</span>
</div>
<div class="bodyy">
    <div class="container" id="root">
        <!-- 设定登录的入口 -->
        <div class="tit">注册</div>
        <form  action="/brand_demo/registerServlet" method="post" >
            <div class="lable">用户名：
                <input type="text" placeholder="请输入你的用户名" name="username" ><br>
            </div>
            <div class="regerr">${regerr_msg}</div>
            <div class="lable2">
                密&nbsp;&nbsp;&nbsp;码：
                <input type="password" placeholder="请输入你的密码" name="password"><br>
            </div>
            <div class="lable1">
                验证码：
                <input name="checkcode" class="yzm" type="text" placeholder="请输入验证码"><br>
                <img id="checkCodeImg" src="/brand_demo/checkCodeServlet">
                <a href="#" id="changeImg">看不清？</a>
            </div>
            <input type="submit" class="button" value="注册">
        </form>
        <span><a href="./login.jsp">返回登录</a></span>
    </div>
    <!-- 页面的动画效果 -->
    <div class="square">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="circle">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

<div class="bottom"></div>
<script>
    document.getElementById("changeImg").onclick=function () {

document.getElementById("checkCodeImg").src="/brand_demo/checkCodeServlet?"+new Date().getMilliseconds()
    }
</script>
</body>
</html>
